<template>
  <div>
      <h4>Django入门最佳组合</h4>
      <div class="box">
        <div class="obox">
            <img src="/oimg/10.png" alt="" class="photo">
            <span class="ospan">Python操作三大主流数据库 实战网易新闻客户端(2021年最新版)</span>
            <span class="door">入门</span>
            <span class="man">91</span> <br>
            <span>￥268</span>
        </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .box{
      width: 3.42rem;
      height:2.61rem;
      background-color:aqua;
      margin: auto;
    }
    .obox{
      width: 100%;
      height: 1.03rem;
      background-color: tomato;
      position: relative;
    }
    .photo{
      width: .92rem;
      height: .6rem;
      background-color:yellow;
      border-radius: .05rem;
      margin-top: .15rem;
      margin-left: .12rem;
    }
    .ospan{
      position: absolute;
      top: 0;
      font-size: .14rem;
      font-weight: bold;
      margin-left: .1rem;
      margin-top: .1rem;
    }
    .door,.man{
      font-size: 10px;
      color: #767676;
      margin-left: .1rem;
    }
</style>